<template>
    <div class="box">
        <header class="header">我的页面头部</header>
        <div class="content">
            <!-- v-html  v-for  v-if  v-model  v-show  v-else 
            自定义指令： v-zs -->

            <input type="text" v-focus>
            <input type="text">


            <button @click="handleclick">按钮1</button>
            <button @click="handleclick" v-preventclick>按钮2</button>

        </div>
    </div>
</template>

<script>
// const focus = {
//     mounted: (el) => el.focus()
// }
export default {
    // directives: {
    //     // 在模板中启用 v-focus
    //     focus
    // }
    methods: {
        handleclick() {
            console.log('我点击了')
        }
    }
}
</script>